<template>
  <div class="ablum-detail">
    <AblumCard :album="album" />
    <SongList :list="playList" :show-sort="true" />
  </div>
</template>
//
<script>
import { defineComponent } from "vue";
import { useHotSongs } from "@/views/index/hooks/index";
import { useRoute } from "vue-router";
import AblumCard from "./components/AblumCard";

export default defineComponent({
  name: "ablumDetail",
  components: {
    AblumCard,
  },
  async setup() {
    const route = useRoute();
    const { playList, album } = await useHotSongs(route.query.id);
    return { playList, album };
  },
});
</script>
